<template>
  <div>

    <el-button @click="$router.back()">返回</el-button>
    <el-card>
      <el-form label-width="100px">
        <el-row class="inline-info" style="padding:10px"  >
           <label>商户名称:</label>
           <span>新佳宜-zz店</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
             <label>订单号：</label>
             <span>789456</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
             <label>订单时间：</label>
              <span>2020.12.22  11:11</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
           <label>订单状态：</label>
            <span>待支付</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
            <label>配送方式：</label>
            <span>到店自提</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
            <label>收货地址：</label>
            <span>东方红大厦</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
            <label>联系人：</label>
            <span>政姐</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
            <label>联系电话：</label>
            <span>13456563443</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
            <label>选购商品：</label>
            <span>猪肉500g x1 牛肉500g x2</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
            <label>优惠券:</label>
            <span>政政亲民优惠券</span>
        </el-row>
        <el-row class="inline-info" style="padding:10px"  >
            <label>配送费:</label>
            <span>满35免配送费</span>
        </el-row>
        <el-row style="padding:10px 150px;font-size:25px;font-weight:bold">
         <label>合计:</label>
        <span style="color:skybule">888</span>
      </el-row>
      </el-form>
    </el-card>
  </div>
</template>

<script>
// import { getOrderDetail } from '@/api/order'
export default {
  data () {
    return {
    }
  }
}
</script>

<style lang="less" scoped>
label{
  font-weight: bolder;
  padding-right: 10px ;
}

</style>
